<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>[[${@config.getKey('sys.blog.title')}]]</title>
    <link href="/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <link href="/honeyms/blog/css/bootstrap.min.css" rel="stylesheet">
    <link href="/honeyms/blog/css/honey-blog.css" rel="stylesheet">
    <link href="/honeyms/blog/css/honey.css" rel="stylesheet">
    <link href="/honeyms/blog/css/layer.css" rel="stylesheet">
	<link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>

<body class="gray-bg">
	<div class="col-md-12">
		<header class="honey-header" style="background-color: rgba(17,17,238,0.7);border-radius:20px 20px">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
						<div class="head-top">
							<div class="col-md-12 column" style="background-color:rgba(17,17,238,0.7);box-shadow: 0 0 20px 0px rgba(0,0,0,1);border-radius:50px 50px">
								<img th:src="(${#strings.isEmpty(user.avatar)}) ? @{/img/logo/honey-b.png} : @{${user.avatar}}" th:onerror="this.src='img/logo/honey-b.png'" alt="头像加载中！" data-toggle="modal" data-target="#myuserinfo" class="img-circle xz" height="180" width="180"/>
								<b class="fontsize30">欢迎访问:[[${user.userName}]]的相册</b> <h2>
								<a href="/"><button type="button" class="btn btn-info" title="返回博客">博客</button></a>
								<button id="other" th:value="${user.userId}" onclick="openuser(this)" type="button" class="btn btn-warning" title="返回他的主页">主页</button></h2>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
	</div>

    <div class="wrapper wrapper-content">
          <div class="col-lg-12">
              <div class="ibox float-e-margins">
                  <div class="ibox-content">
                      <div class="col-md-12">
					<div class="row" id="mainContentChild"></div>
					<div class="clearfix" id="nextpage">
						<p id="allcontent" class="blog-allcontent"><span>我是有底线的ε(┬┬﹏┬┬)3</span></p>
						<a id="morecontent" style="display: none;" class="btn btn-secondary float-right" href="javascript:void(0)" onclick="nextPage()"><span class="fontsize25">更多内容<i class="fa fa-arrow-right"></i></span></a>
					</div>
				</div>
                      <div th:if="${isnull}">
                      	<h1>ta暂时什么也没留下</h1>
                      </div>
                  </div>
              </div>
          </div>
    </div>
    <!-- 全局js -->
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/honeyms/blog/js/honeyblog.js"></script>
    <script src="/honeyms/blog/js/layer.js"></script>
    <script src="/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
    <script type="text/javascript">
    var userId=$("#other").attr("value");
    var pagenum = 1;
	var pagesize= 4;
	var url = '/blog/open/albom?objColumn='+ userId +'&pageSize='+ pagesize +'&pageNum=';
	
	$(function(){
		loadingImg(url,pagenum);
	})
	
	function nextPage(){
		loadingImg(url,pagenum);
	}
    </script>
</body>
</html>
